@charset "gb2312";

 html {
     min-width: 1200px
 }

 body {
     overflow-x: hidden;
     overflow-y: auto
 }

 body,
 p,
 form,
 textarea,
 h1,
 h2,
 h3,
 h4,
 h5,
 dl,
 dd {
     margin: 0
 }

 input,
 button,
 ul,
 ol {
     margin: 0;
     padding: 0
 }

 body,
 input,
 button,
 form,
 textarea {
     font-size: 14px;
     line-height: 28px;
     font-family: microsoft yahei, arial black;
     color: #333
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: 14px;
     font-weight: 400
 }

 ul,
 ol {
     list-style: none
 }

 img {
     border: 0;
     display: block;
     margin: 0;
     padding: 0
 }

 em,
 i,
 strong {
     font-style: normal
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 body {
     background: #fff
 }

 * {
     padding: 0;
     margin: 0
 }

 div {
     margin: 0;
     padding: 0;
     border: 0
 }

 p {
     margin: 0
 }

 b,
 strong {
     font-weight: 700
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 li {
     list-style: none outside none
 }

 a {
     text-decoration: none;
     color: #333;
     background: 0 0;
     outline: 0
 }

 a:focus {
     outline: 0
 }

 a:hover,
 a:active {
     color: #127a44;
     text-decoration: none
 }

 a:visited {
     text-decoration: none
 }

 form {
     margin: 0
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%;
     margin: 0;
     vertical-align: baseline;
     *vertical-align: middle
 }

 button,
 select {
     text-transform: none
 }

 input {
     line-height: normal;
     border: 0
 }

 blockquote {
     margin: 1em 40px
 }

 dfn {
     font-style: italic
 }

 hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0
 }

 code,
 kbd,
 pre,
 samp {
     font-size: 1em
 }

 pre {
     margin: 1em 0;
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sup {
     top: -.5em
 }

 sub {
     bottom: -.25em
 }

 dd {
     margin: 0
 }

 audio:not([controls]) {
     display: none;
     height: 0
 }

 .ease,
 .ease * {
     -webkit-transition: all ease 300ms;
     -moz-transition: all ease 300ms;
     -ms-transition: all ease 300ms;
     -o-transition: all ease 300ms;
     transition: all ease 300ms
 }

 .red {
     color: red !important
 }

 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     line-height: 0
 }

 .clearfix {
     *zoom: 1
 }

 .clear {
     clear: both
 }

 .fl {
     float: left
 }

 .fr {
     float: right
 }

 .hidden {
     display: none
 }

 .required {
     color: red;
     font-weight: 700
 }

 .form_text_verifycode {
     width: 80px
 }

 .form_radio {
     width: auto;
     border: 0
 }

 .form_checkbox {
     width: auto;
     border: 0
 }

 .w1200 {
     width: 1200px;
     margin: 0 auto
 }

 .por {
     position: relative
 }

 .poa {
     position: absolute
 }

 .icon {
     background: url(icon.png) no-repeat;
     display: inline-block;
     vertical-align: middle
 }

 #header_main,
 #top_main,
 #banner_main,
 #floor_1_main,
 #links_main,
 #footer_main {
     width: 100%;
     margin: 0
 }

 .trans {
     -webkit-transition: all .3s ease-in;
     -moz-transition: all .3s ease-in;
     -o-transition: all .3s ease-in;
     transition: all .3s ease-in
 }

 .header_main {
     background: #fff;
     height: 34px;
     line-height: 34px;
     font-size: 12px;
     border-bottom: 1px solid #ddd
 }

 .header_main span {
     color: #666;
     display: inline-block;
     margin-right: 10px
 }

 .header_main b {
     display: inline-block;
     font-weight: 700;
     font-size: 16px;
     font-family: arial;
     color: #666
 }

 .header_main .ksdh {
     color: #666;
     +width: 300px
 }

 .header_main .ksdh li {
     position: relative;
     display: inline-block;
     text-align: center;
     margin: 0 8px
 }

 .header_main .ksdh .split {
     display: inline-block;
     width: 1px;
     height: 12px;
     background: #666;
     vertical-align: middle;
     margin: 0
 }

 .header_main .ksdh a {
     color: #666;
     display: inline-block;
     font-size: 12px
 }

 .header_main .ksdh a:hover {
     color: #127a44
 }

 .top_main {
     width: 100%
 }

 .top_main .top {
     padding-top: 20px;
     padding-bottom: 20px
 }

 .top_main .logo {
     display: block
 }

 .top_main .logo img {
     display: block
 }

 .top .toprig {
     width: 730px;
     padding-top: 6px
 }

 .top .toprig .item {
     width: 190px;
     padding-top: 12px
 }

 .top .toprig .item span {
     width: 40px;
     height: 40px;
     display: block;
     float: left;
     margin-right: 10px
 }

 .top .toprig .item h3 {
     font-size: 18px;
     font-weight: 700
 }

 .top .toprig .item p {
     color: #666;
     line-height: 15px
 }

 .top .toprig .it1 span {
     background-position: -100px 0
 }

 .top .toprig .it2 span {
     background-position: -148px 0
 }

 .top .toprig .it3 span {
     background-position: -194px 0
 }

 .top .toprig .it4 {
     text-align: right;
     width: 160px;
     padding-top: 0
 }

 .top .toprig .item i {
     display: block;
     font-size: 16px;
     color: #666
 }

 .top .toprig .item h4 {
     font-family: avantgardeitvbybt book, arial;
     display: block;
     font-size: 30px;
     color: #127a44;
     font-weight: 700
 }

 .nav_main {
     width: 100%;
     height: 50px;
     line-height: 50px;
     background: url(navbg.jpg) repeat left top;
     position: relative;
     z-index: 10
 }

 #nav ul {
     margin: 0 auto;
     width: 100%
 }

 #nav li {
     float: left;
     width: 171px;
     display: block;
     list-style: none;
     font-size: 16px;
     text-align: center;
     line-height: 50px;
     position: relative;
     margin: 0;
     background: url(nav_line.png) no-repeat right center;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
 }

 #nav li:last-child {
     background: 0 0
 }

 #nav li a {
     display: block;
     text-align: center;
     position: relative;
     color: #fff;
     height: 50px
 }

 #nav li:hover a,
 #nav li.hover a {
     color: #066c37
 }

 #nav li:hover,
 #nav li.hover {
     background: #fadd15 url(nav_line.png) no-repeat right center
 }

 #nav li:last-child:hover,
 #nav li:last-child.hover {
     background: #fadd15
 }

 #nav ul .subnav {
     background: #fff;
     border-top: 2px solid #63b670;
     box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
     height: auto;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 100%;
     width: 100%;
     z-index: 199
 }

 #nav ul .subnav {
     position: absolute;
     filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
     opacity: 0;
     visibility: hidden;
     transition: all .6s ease 0s;
     transform: translate3d(0, 10px, 0);
     -moz-transform: translate3d(0, 10px, 0);
     -webkit-transform: translate3d(0, 10px, 0)
 }

 #nav ul li:hover .subnav {
     opacity: 1;
     visibility: visible;
     transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0)
 }

 #nav ul .subnav a {
     color: #666;
     display: block;
     font-size: 13px;
     font-weight: 500;
     line-height: 22px;
     height: 22px;
     padding: 10px;
     transition: all .2s ease-in-out 0s;
     max-width: 100%;
     border-bottom: 1px solid #eee
 }

 #nav ul .subnav a:hover {
     color: #63b670;
     padding-left: 20px;
     background: #f9f9f9
 }

 #banner_main {
     overflow: hidden;
     position: relative;
     z-index: 2
 }

 #banner_main .banner {
     height: 650px
 }

 #banner {
     width: 100%;
     min-width: 1000px;
     position: relative;
     overflow: hidden;
     z-index: 0
 }

 #banner,
 .banner ul {
     max-height: 650px;
     overflow: hidden
 }

 .banner li {
     width: 100%;
     position: absolute;
     z-index: 1;
     overflow: hidden
 }

 .banner li img {
     width: 1920px;
     display: block;
     position: relative;
     left: 50%;
     margin-left: -960px;
     top: 0
 }

 #banner .tip {
     width: 1000px;
     height: 20px;
     line-height: 0;
     font-size: 0;
     text-align: center;
     position: absolute;
     left: 50%;
     margin-left: -500px;
     bottom: 20px;
     z-index: 3
 }

 #banner .tip span {
     height: 5px;
     margin: 0 2px;
     width: 50px;
     display: inline-block;
     font-size: 0;
     cursor: pointer;
     background: #fff;
     opacity: .6;
     filter: Alpha(opacity=60);
     *zoom: 1
 }

 #banner .tip span.cur {
     background-color: #f4e710;
     opacity: 1;
     filter: Alpha(opacity=100)
 }

 #banner #btn_prev,
 #banner #btn_next {
     width: 40px;
     height: 90px;
     position: absolute;
     top: 50%;
     z-index: 5;
     margin-top: -45px;
     -webkit-transition: all 0s ease-in-out 0s;
     -moz-transition: all 0s ease-in-out 0s;
     transition: all 0s ease-in-out 0s
 }

 #banner #btn_prev {
     background-position: 0 0;
     left: 5%
 }

 #banner #btn_next {
     background-position: -50px 0;
     right: 5%
 }

 #banner #btn_prev:hover {
     background-position: 0 -98px
 }

 #banner #btn_next:hover {
     background-position: -50px -98px
 }

 .announ_main {
     width: 100%;
     height: 76px;
     line-height: 76px;
     border-bottom: 1px solid #eee
 }

 .announ_main .announ_right {
     width: 282px;
     padding-top: 20px
 }

 .announ_main .announ_right .search {
     width: 282px;
     height: 35px;
     line-height: 35px;
     -moz-border-radius: 30px;
     -webkit-border-radius: 30px;
     border-radius: 30px;
     background: #f6f6f6;
     position: relative
 }

 .announ_main .announ_right .search input {
     outline: 0;
     border: 0;
     height: 35px;
     line-height: 35px
 }

 .announ_main .announ_right .search .txt {
     width: 200px;
     background: 0 0;
     padding-left: 15px;
     display: block;
     color: #999
 }

 .announ_main .announ_right .search .btn {
     width: 50px;
     background: url(sou.png) no-repeat center #127a44;
     position: absolute;
     right: 0;
     top: 0;
     cursor: pointer;
     -moz-border-radius: 30px;
     -webkit-border-radius: 30px;
     border-radius: 30px
 }

 .announ_main .announ_right .search .btn:hover {
     background-color: #fadd15
 }

 .announ_main .announ_left span {
     display: inline-block
 }

 .announ_main .announ_left a {
     display: inline-block;
     padding: 0 10px 0 0
 }

 .announ_main .announ_left a s {
     width: 1px;
     height: 16px;
     display: inline-block;
     margin-right: 10px;
     background: #e9e9e9;
     vertical-align: middle
 }

 .announ_main .announ_left a:first-child s {
     display: none
 }

 .transs {
     -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
     -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
     -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
     transition: all .4s cubic-bezier(.4, 0, .2, 1)
 }

 .index .title {
     text-align: center;
     width: 100%;
     padding-bottom: 30px
 }

 .index .title h3 {
     font-size: 28px;
     font-weight: 400;
     display: block;
     line-height: 30px;
     background: url(title.png) no-repeat center
 }

 .index .title p {
     color: #666;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 400;
     padding-top: 20px
 }

 .index .title h3 b {
     display: inline-block;
     font-weight: 400;
     color: #127a44
 }

 .index .tab {
     text-align: center;
     padding-bottom: 30px
 }

 .index .tab a {
     padding: 0 16px;
     height: 40px;
     line-height: 40px;
     background: #127a44;
     font-size: 18px;
     display: inline-block;
     margin: 0 20px;
     color: #fff
 }

 .index .tab a:hover {
     color: #127a44;
     background: #fbdd16
 }

 .index .floor_1_main {
     background: url(flo1.jpg) repeat-x left bottom #fff;
     padding-top: 80px;
     padding-bottom: 80px
 }

 .ipro {
     position: relative
 }

 .ipro .bd {
     overflow: hidden
 }

 .ipro .item {
     float: left;
     width: 30%;
     display: block;
     margin-bottom: 25px;
     margin-right: 25px;
     position: relative
 }

 .ipro .item a {
     display: block;
     position: relative
 }

 .ipro .item a.img {
     width: 100%;
     height: 218px;
     overflow: hidden;
     position: relative
 }

 .ipro .item img {
     transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
     width: 100%;
     height: 100%;
     display: block
 }

 .ipro .item:hover img {
     transform: scale(1.06, 1.06)
 }

 .ipro .item a.txt {
     border: 1px solid #ddd;
     background: #fff;
     height: 68px;
     line-height: 68px;
     position: relative;
     border-top: 0
 }

 .ipro .item h3 {
     font-weight: 400;
     text-align: left;
     padding-left: 20px;
     transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
     font-size: 16px
 }

 .ipro .item em {
     right: 30px;
     top: 28px;
     width: 10px;
     height: 16px;
     background-position: -248px 0;
     display: block;
     transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
 }

 .ipro .item:hover h3 {
     padding-left: 25px
 }

 .ipro .item:hover em {
     background-position: -268px 0
 }

 .ipro .item:hover .txt {
     background: #127a44;
     color: #fff;
     border: 1px solid #127a44;
     border-top: 0
 }

 .item_mask {
     width: 100%;
     height: 100%;
     background: transparent;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     filter: Alpha(opacity=0);
     *zoom: 1;
     -webkit-transform: rotateX(180deg) scale(.5, .5);
     transform: rotateX(180deg) scale(.2, .2);
     transition: all ease-out .5s
 }

 .item_link_icon {
     display: block;
     width: 45px;
     height: 45px;
     text-align: center;
     background-position: -100px -156px;
     line-height: 38px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -22px;
     margin-top: -22px;
     opacity: 0;
     filter: Alpha(opacity=0);
     *zoom: 1
 }

 .ipro .item:hover .item_mask {
     opacity: 1;
     filter: Alpha(opacity=100);
     -webkit-transform: rotateX(0deg) scale(1, 1);
     transform: rotateX(0deg) scale(1, 1);
     transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
     background: rgba(0, 0, 0, .3)
 }

 .ipro .item:hover .item_link_icon {
     transform: translateY(-21px);
     opacity: 1;
     filter: Alpha(opacity=100)
 }

 a.btn {
     width: 40px;
     height: 40px;
     display: block;
     position: absolute;
     top: 28%;
     cursor: pointer;
     -webkit-transition: all 0s ease-in-out 0s;
     -moz-transition: all 0s ease-in-out 0s;
     transition: all 0s ease-in-out 0s
 }

 a.btn.prev {
     background-position: -100px -50px;
     left: -5%
 }

 a.btn.next {
     background-position: -190px -50px;
     right: -5%
 }

 a.btn.prev:hover {
     background-position: -145px -50px
 }

 a.btn.next:hover {
     background-position: -236px -50px
 }

 .index .floor_5_main {
     background: url(flo5.jpg) no-repeat center top;
     height: 818px;
     overflow: hidden
 }

 .index .floor_2,
 .index .floor_3 {
     padding: 60px 0 40px;
     position: relative
 }

 .index .icase {
     overflow: hidden
 }

 .index .icase .list {
     zoom: 1;
     width: 119%
 }

 .index .icase .list li {
     float: left;
     margin-right: 21px;
     margin-bottom: 21px;
     width: 386px
 }

 .index .icase .list li .img {
     width: 386px;
     height: 290px;
     overflow: hidden;
     display: block;
     position: relative;
     cursor: pointer
 }

 .index .icase .list li .img img {
     width: 386px;
     transition: .9s;
     -moz-transition: .9s;
     -webkit-transition: .9s;
     -o-transition: .9s;
     height: 290px
 }

 .index .icase .list li .img .on {
     width: 100%;
     height: 100%;
     background: transparent;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     filter: Alpha(opacity=0);
     *zoom: 1;
     -webkit-transform: rotateX(180deg) scale(.5, .5);
     transform: rotateX(180deg) scale(.2, .2);
     transition: all ease-out .5s
 }

 .index .icase .list li .img .on i {
     width: 65px;
     height: 65px;
     background-position: -150px -147px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -32px;
     margin-left: -32px
 }

 .index .icase .list li .p {
     background: #127a44;
     color: #fff;
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
     font-size: 16px;
     text-align: center
 }

 .index .icase .list li:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1)
 }

 .index .icase .list li:hover .on {
     opacity: 1;
     filter: Alpha(opacity=100);
     -webkit-transform: rotateX(0deg) scale(1, 1);
     transform: rotateX(0deg) scale(1, 1);
     transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
     background: rgba(0, 0, 0, .3)
 }

 .xunpan {
     width: 100%;
     background: url(xunpan.jpg) no-repeat center top;
     height: 176px
 }

 .xunpan .zixun {
     width: 200px;
     height: 40px;
     padding: 5px;
     text-align: center;
     background: #fff;
     position: absolute;
     right: 0;
     top: 60px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px
 }

 .xunpan .zixun a {
     width: 188px;
     height: 38px;
     line-height: 38px;
     display: block;
     margin: 0 auto;
     color: #125d27;
     font-size: 20px;
     font-weight: 700;
     border: 1px solid #125d27;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px
 }

 .xunpan .zixun:hover {
     animation: flipInY 1.2s ease-out forwards;
     -webkit-animation: flipInY 1.2s ease-out forwards
 }

 .xunpan img {
     display: block;
     padding-top: 40px;
     max-width: 100%;
     padding-bottom: 20px
 }

 .xunpan .tel {
     width: 310px;
     background: url(telbg.png) no-repeat left top;
     height: 40px;
     line-height: 40px;
     color: #125927;
     font-size: 30px;
     text-align: center;
     margin-right: 5px;
     font-family: arial;
     display: inline-block;
     text-indent: 14px
 }

 .xunpan strong {
     display: inline-block;
     color: #fff;
     font-weight: 400;
     font-size: 28px;
     padding-right: 10px;
     font-family: you yuan
 }

 .floor_3_main {
     background: #222;
     overflow: hidden
 }

 .floor_3 .title {
     color: #fff
 }

 .floor_3 .title p {
     color: #fff
 }

 .liuc {
     position: relative
 }

 .liuc .bd {
     overflow: hidden;
     width: 100%;
     *zoom: 1;
     position: relative
 }

 .liuc li {
     float: left
 }

 .liuc li .jtou {
     width: 120px;
     height: 100px;
     background: url(jtou.png) no-repeat center;
     float: left;
     display: block
 }

 .liuc li img {
     width: 100px;
     height: 100px;
     display: block;
     margin-bottom: 20px;
     border-radius: 50%
 }

 .liuc li p {
     text-align: center;
     color: #fff;
     font-size: 16px;
     float: left
 }

 .liuc li:last-child .jtou {
     display: none
 }

 .liuc a.btn {
     width: 45px;
     height: 45px
 }

 .liuc a.btn.prev {
     background-position: -100px -98px
 }

 .liuc a.btn.prev:hover {
     background-position: -150px -98px
 }

 .liuc a.btn.next {
     background-position: -200px -98px
 }

 .liuc a.btn.next:hover {
     background-position: -250px -98px
 }

 .liuc li:hover img {
     animation: flipInY 1.2s ease-out forwards;
     -webkit-animation: flipInY 1.2s ease-out forwards
 }

 .floor_4_main {
     background: #f0f0f0 url(fl4.jpg) no-repeat center top;
     background-size: 1920px 930px;
     height: 930px;
     overflow: hidden;
     width: 100%
 }

 .index .floor_4,
 .indnews {
     padding: 60px 0 40px;
     overflow: hidden;
     position: relative
 }

 .index .floor_4 .textlist .list {
     width: 108%
 }

 .index .floor_4 .textlist {
     position: relative;
     overflow: hidden;
     margin-bottom: 20px
 }

 .index .textlist li {
     position: relative;
     float: left;
     width: 378px;
     height: 480px;
     margin-right: 28px;
     transition: all .2s linear 0s;
     border: 1px solid #ddd;
     background: #fff
 }

 .index .textlist li a {
     display: block;
     padding: 30px;
     color: #333
 }

 .index .textlist li .img {
     width: 320px;
     height: 240px;
     overflow: hidden;
     cursor: pointer;
     position: relative
 }

 .index .textlist li .img img {
     width: 100%;
     height: 100%;
     transition: all .3s ease-out 0s;
     display: block
 }

 .index .textlist li:hover .img img {
     transform: scale(1.2, 1.2)
 }

 .index .textlist li h3 {
     font-size: 20px;
     line-height: 40px;
     padding-top: 12px
 }

 .index .textlist .desc {
     line-height: 24px;
     overflow: hidden;
     margin-bottom: 5px;
     cursor: pointer;
     padding-top: 10px
 }

 .index .textlist span {
     position: absolute;
     bottom: 30px;
     left: 30px;
     display: block;
     color: #fff;
     font-family: arial;
     width: 120px;
     height: 30px;
     line-height: 30px;
     background: #127a44;
     text-align: center
 }

 .index .textlist li:hover {
     background: #127a44;
     border: 1px solid #127a44;
     color: #fff
 }

 .index .textlist li:hover a {
     color: #fff
 }

 .index .textlist li:hover span {
     background: #fbdd16;
     color: #127a44
 }

 .floor_4 .hd {
     text-align: center;
     padding-top: 20px
 }

 .floor_4 .hd a.btn {
     position: relative;
     top: auto;
     display: inline-block;
     margin: 0 5px
 }

 .floor_4 .hd a.btn.prev {
     left: auto
 }

 .floor_4 .hd a.btn.next {
     right: auto
 }

 .index .more {
     margin-top: 40px
 }

 .index .more .line {
     display: block;
     width: 500px;
     height: 1px;
     margin-top: 24px;
     background: #ccc
 }

 .index .more .look_more {
     display: block;
     width: 198px;
     height: 48px;
     font-size: 16px;
     line-height: 48px;
     text-align: center;
     border: 1px solid #ccc;
     transition: all .5s
 }

 .index .more .look_more:hover {
     background: #127a44;
     color: #fff;
     transition: all .5s;
     border: 1px solid #127a44
 }

 .newsBox {
     width: 650px;
     height: 488px;
     overflow: hidden;
     position: relative
 }

 .newsBox .hd {
     height: 15px;
     overflow: hidden;
     position: absolute;
     right: 16px;
     bottom: 10px;
     z-index: 10
 }

 .newsBox .hd ul {
     overflow: hidden;
     zoom: 1;
     float: left
 }

 .newsBox .hd ul li {
     float: left;
     margin-right: 6px;
     width: 10px;
     height: 10px;
     line-height: 14px;
     text-align: center;
     background: #fff;
     cursor: pointer;
     -moz-border-radius: 100%;
     -webkit-border-radius: 100%;
     border-radius: 100%
 }

 .newsBox .hd ul li.on {
     background: #f9e012;
     color: #fff
 }

 .newsBox .bd {
     position: relative;
     width: 650px;
     height: 488px;
     z-index: 0;
     overflow: hidden
 }

 .newsBox .bd li {
     zoom: 1;
     vertical-align: middle;
     position: relative
 }

 .newsBox .bd img {
     width: 650px;
     height: 488px;
     display: block;
     transition: all .3s ease-out 0s
 }

 .newsBox .bd li h3 {
     display: block;
     font-size: 20px;
     padding-left: 28px;
     padding-top: 30px
 }

 .newsBox .bd li .txt {
     background: url(green80.png) repeat left top;
     color: #fff;
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 150px;
     z-index: 5
 }

 .newsBox .bd li p {
     padding: 0 28px
 }

 .newsBox .bd li .time {
     font-size: 16px;
     padding-right: 30px;
     padding-top: 28px
 }

 .newsBox .bd li a:hover img {
     transform: scale(1.1, 1.1)
 }

 .txtlistbox {
     width: 520px
 }

 .txtlistbox li {
     border-bottom: 1px solid #ddd;
     padding: 11px 0 0;
     position: relative
 }

 .txtlistbox li:first-child {
     padding-top: 0
 }

 .txtlistbox li a {
     display: block;
     padding-bottom: 11px
 }

 .txtlistbox li h3 {
     font-size: 18px;
     display: inline-block;
     +display: inline;
     *zoom: 1
 }

 .txtlistbox li p {
     font-size: 14px;
     line-height: 23px;
     height: 46px;
     color: #333
 }

 .txtlistbox li span {
     display: block;
     color: #333
 }

 .txtlistbox li em {
     width: 15px;
     height: 15px;
     display: inline-block;
     background-position: -304px 0;
     +display: inline;
     *zoom: 1
 }

 .txtlistbox li:before {
     position: absolute;
     bottom: -1px;
     left: 0;
     height: 1px;
     content: "";
     width: 0;
     background: #127a44;
     transition: width .6s ease-out
 }

 .txtlistbox li:hover:before {
     width: 100%
 }

 .iabout {
     width: 100%;
     background: url(fl6.jpg) no-repeat center bottom #f8f8f8;
     padding: 80px 0
 }

 .iabout .txt {
     width: 470px;
     height: 240px;
     display: block;
     background: #fff;
     padding: 40px
 }

 .iabout .txt img {
     max-width: 100%;
     display: block
 }

 .iabout .txt p {
     padding-top: 20px;
     color: #333
 }

 .iabout .txt span {
     width: 154px;
     height: 34px;
     line-height: 34px;
     text-align: center;
     display: block;
     border: 1px solid #1a7140;
     margin-top: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     cursor: pointer;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
 }

 .iabout .txt span:hover {
     background: #1a7140;
     color: #fff
 }

 .iabout .img {
     width: 650px;
     height: 320px;
     display: block;
     overflow: hidden
 }

 .iabout .img img {
     width: 650px;
     height: 320px;
     display: block
 }

 .hvr-highLight {
     overflow: hidden;
     position: relative
 }

 .hvr-highLight:before {
     content: "";
     position: absolute;
     width: 80px;
     height: 320px;
     top: 0;
     left: -136px;
     overflow: hidden;
     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
     -webkit-transform: skewX(-32deg);
     -ms-transform: skewX(-32deg);
     -moz-transform: skewX(-32deg);
     transform: skewX(-32deg)
 }

 .hvr-highLight:hover:before {
     -webkit-transition: left 1.1s;
     -moz-transition: left 1.1s;
     -ms-transition: left 1.1s;
     transition: left 1.1s;
     left: 750px
 }

 .hvr-highLight:hover {
     opacity: .9\0;
     filter: alpha(opacity=90)
 }

 .copyright_main {
     background: #111;
     line-height: 50px
 }

 .copyright {
     color: #999;
     font-size: 12px
 }

 .copyright span {
     margin: 0 12px;
     opacity: .7;
     filter: alpha(opacity=70)
 }

 .copyright a {
     color: #999
 }

 .copyright a:hover {
     color: #23b067
 }

 .zhizao .goback {
     width: 60px;
     height: 60px;
     display: block;
     position: absolute;
     right: 2%;
     top: 2%;
     background: url(guan.jpg) no-repeat center
 }

 .ilinks {
     padding: 58px 0 0
 }

 .ilinks span {
     width: 268px;
     height: 24px;
     display: inline-block;
     background-position: -40px -218px;
     margin-right: 60px
 }

 .ilinks a {
     display: inline-block;
     color: #fff
 }

 .ilinks a:hover {
     color: #f9e012
 }

 .ilinks i {
     padding: 0 5px;
     color: #fff
 }

 .ilinks i:last-child {
     display: none
 }

 .footer_main {
     width: 100%;
     padding-bottom: 50px;
     background: #1a212a;
     color: #fff
 }

 .footer_main .footer {
     padding-top: 60px
 }

 .footer_main .qcode {
     width: 300px
 }

 .footer_main .blogo {
     width: 300px;
     line-height: 28px
 }

 .footer_main .blogo img {
     display: block;
     margin: 0 auto 8px;
     max-width: 100%;
     max-height: 60%
 }

 .footer_main .blogo .p1 {
     color: #fff
 }

 .footer_main .blogo .p2 {
     font-family: graydesign regular, "arial, helvetica, sans-serif";
     font-size: 30px;
     color: #23b067;
     padding-bottom: 18px
 }

 .footer_main .blogo .p3 {
     color: #999;
     line-height: 22px
 }

 .footer_main .botnavlist {
     width: 880px
 }

 .footer_main .botnavlist li {
     float: left;
     width: 140px;
     height: 146px;
     display: block;
     list-style: none;
     font-size: 16px;
     line-height: 32px;
     text-indent: 30px;
     overflow: hidden;
     border-right: 1px solid #444
 }

 .footer_main .botnavlist li:first-child {
     padding-left: 0
 }

 .footer_main .botnavlist li a {
     color: #fff;
     display: block;
     line-height: 32px;
     font-size: 16px
 }

 .footer_main .botnavlist li a:hover {
     color: #23b067
 }

 .footer_main .botnavlist li .drop {
     padding-top: 10px
 }

 .footer_main .botnavlist li .drop a {
     display: block;
     line-height: 26px;
     color: #999;
     width: 100%;
     font-size: 12px
 }

 .footer_main .botnavlist li .drop a:hover {
     color: #23b067
 }

 .float-right-box {
     width: 250px;
     position: fixed;
     right: 0;
     top: 50%;
     margin-top: -127px;
     background-color: #191919;
     z-index: 1000;
     transition: width .3s ease 0s
 }

 .float-right-box.on {
     width: 50px
 }

 .float-right-box .top-list {
     width: 100%
 }

 .float-right-box .top-list ul {
     width: 100%
 }

 .float-right-box .top-list li {
     width: 100%;
     position: relative;
     border-bottom: 1px solid #3b3b3b;
     transition: background .3s ease 0s;
     height: 50px
 }

 .float-right-box .top-list a {
     display: block;
     width: 100%
 }

 .float-right-box .top-list .ico {
     display: inline-block;
     width: 50px;
     height: 50px;
     position: absolute;
     right: 0;
     top: 0;
     transition: background .3s ease 0s;
     z-index: 2
 }

 .float-right-box .top-list .ico1 {
     background: url(ico_58.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico2 {
     background: url(ico_59.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico3 {
     background: url(ico_60.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico4 {
     background: url(ico_61.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico5 {
     background: url(ico_62.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico7 {
     background: url(ico_69.png) no-repeat center #191919
 }

 .float-right-box .top-list .stt {
     display: inline-block;
     font-size: 14px;
     line-height: 50px;
     color: #fff;
     transition: color .3s ease 0s;
     position: absolute;
     left: 28px;
     top: 0;
     z-index: 1;
     width: 222px;
     cursor: pointer
 }

 .float-right-box .top-list li:hover .stt {
     color: #15191e
 }

 .float-right-box .top-list li:hover .ico1 {
     background: url(ico_58_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico2 {
     background: url(ico_59_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico3 {
     background: url(ico_60_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico4 {
     background: url(ico_61_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico5 {
     background: url(ico_62_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico7 {
     background: url(ico_69_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover {
     background-color: #fff
 }

 .float-right-box .top-list .return-webtop .stt {
     font-family: arial;
     font-weight: 700
 }

 .float-right-box .bot-share {
     position: relative;
     height: 50px
 }

 .float-right-box .bot-share a {
     display: inline-block;
     width: 50px;
     height: 50px;
     float: left;
     transition: background .3s ease 0s;
     margin: 0;
     padding: 0
 }

 .float-right-box .bot-share .share {
     width: 200px;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1
 }

 .float-right-box .bot-share .sina {
     background: url(ico_63.png) no-repeat center
 }

 .float-right-box .bot-share .wx {
     background: url(ico_64.png) no-repeat center
 }

 .float-right-box .bot-share .more {
     background: url(ico_66.png) no-repeat center;
     border: 0
 }

 .float-right-box .bot-share a:hover {
     background-color: #525354
 }

 .float-right-box .bot-share .share-ico {
     background: url(ico_67.png) no-repeat center #191919;
     width: 50px;
     height: 50px;
     display: inline-block;
     cursor: pointer;
     z-index: 2;
     position: relative
 }

 .float-right-box .top-list li .weix {
     position: relative
 }

 .float-right-box .sidebox {
     position: absolute;
     right: 250px;
     top: 0;
     transition: all .1s ease 0s;
     width: 120px;
     z-index: 10;
     display: none;
     background: #191919
 }

 .float-right-box .sidebox img {
     width: 110px;
     height: 110px;
     display: block;
     margin: 5px auto
 }

 .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 @font-face {
     font-family: ADELE;
     src: url(../font/ADELE.eot);
     src: url(../fonts/adele.eot) format("eot"), url(../fonts/adele.ttf) format("truetype")
 }

 @-webkit-keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     100% {
         -webkit-transform: perspective(400px);
         -ms-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 .flipInY {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY
 }

 .pagess {
     clear: both;
     margin: 20px;
     overflow: hidden;
     margin-left: 0;
     text-align: center;
     font-size: 12px
 }

 .pagess ul li {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     line-height: 20px;
     background: #fff;
     color: #999
 }

 .pagess ul li:hover {
     background: #ccc;
     color: #fff;
     border: 1px solid #ccc
 }

 .pagess ul li:hover a {
     color: #fff
 }

 .pagess ul li.thisclass {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     background: #ccc;
     color: #fff
 }

 .pagess ul li.thisclass a {
     color: #fff
 }

 .pagess ul li a {
     display: block;
     color: #999
 }

 .pagess ul li a:hover {
     color: #fff
 }